<template>
  <Item v-for="(item, index) in todos"
  :key="item.id" :todo="item" :deleteTodo="deleteTodo"
   :index="index"
   :updateTodo="updateTodo"/>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import Item from './Item.vue'
export default defineComponent({
  props: ['todos', 'deleteTodo', 'updateTodo'],
  components: {
    Item
  }
})
</script>
<style scoped>
li {
  margin: 10px 0;
}
.active {
  background-color: pink;
}
</style>
